import { LaptopOutlined, NotificationOutlined, UserOutlined } from '@ant-design/icons';
import { Breadcrumb, Layout, theme } from 'antd';
import React from 'react';
import {Outlet} from 'react-router-dom';
const { Content} = Layout;
export default function MyContent(){
	const {
	  token: { colorBgContainer },
	} = theme.useToken();
	return (
	  <>
	   <Breadcrumb
	     style={{
	       margin: '16px 0',
	     }}
	   >
	     <Breadcrumb.Item>Home</Breadcrumb.Item>
	     <Breadcrumb.Item>List</Breadcrumb.Item>
	     <Breadcrumb.Item>App</Breadcrumb.Item>
	   </Breadcrumb>
	   <Content
	     style={{
	       padding: 24,
	       margin: 0,
	       minHeight: 280,
	       background: colorBgContainer,
	     }}
	   >
	     <Outlet/>
	   </Content>
	  </>
	)
}